<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<%@ page language="java" pageEncoding="UTF-8"%>
		<%@ page contentType="text/html;charset=UTF-8"%>
			<%@ taglib prefix="s" uri="/struts-tags" %>
				<%@ taglib prefix="sec"
				uri="http://www.springframework.org/security/tags"%>
					<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
					<!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
					<title>枝江市农村供水工程信息化平台</title>
					<!-- BOOTSTRAP CORE STYLE  -->
					<link href="../assets/css/bootstrap.css" rel="stylesheet" />
					<!-- FONT AWESOME ICONS  -->
					<link href="../assets/css/font-awesome.css" rel="stylesheet" />
					<!-- CUSTOM STYLE  -->
					<link href="../assets/css/style.css" rel="stylesheet" />
					<!-- HTML5 Shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
					<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
					<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

					<!-- 树形菜单样式 -->
					<link rel="stylesheet" href="../css/accordionMenu/style.css" type="text/css" />
					<link rel="stylesheet" href="../css/font-awesome.min.css" type="text/css" />
					<link href="../css/bootstraptable/bootstrap-table.css" rel="stylesheet" />
					<link href="../css/bootstraptable/bootstrap-editable.css" rel="stylesheet" />
					<!-- js  -->
					<!-- CONTENT-WRAPPER SECTION END-->
					<!-- FOOTER SECTION END-->
					<!-- JAVASCRIPT AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
					<!-- CORE JQUERY SCRIPTS -->
					<script src="../assets/js/jquery-1.11.1.js"></script>
					<!-- BOOTSTRAP SCRIPTS  -->
					<script src="../assets/js/bootstrap.js"></script>
					<script type="text/javascript" src="../js/bootstraptable/bootstrap-table.js"></script>
					<script type="text/javascript" src="../js/bootstrapeditable/bootstrap-editable.js"></script>
					<script type="text/javascript" src="../js/bootstrapeditable/bootstrap-table-editable.js"></script>
					<script src="../js/pipeline/pipeline.js"></script>
					<script src="../js/systemManage/init.js"></script>
					<script src="../js/accordionMenu/index.js"></script>
					<%-- 	<script src="../js/systemManage/manageUser.js"></script>  --%>
						<script src="../js/disposeAlert/disposeAlert.js"></script>
						<script src="../js/index.js"></script>


</head>

<body>

	<div class="navbar navbar-inverse set-radius-zero">
		<div class="container">
			<div class="navbar-header">
				<%--   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">

                    <img src="../assets/img/logo.png" />
                </a> --%>

			</div>

			<div class="left-div">
				<div class="user-settings-wrapper">
					<ul class="nav">

						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
								<span class="glyphicon glyphicon-user" style="font-size: 25px;"></span>
							</a>
							<div class="dropdown-menu dropdown-settings">
								<div class="media">
									<a class="media-left" href="#">
										<img src="../assets/img/64-64.jpg" alt="" class="img-rounded" />
									</a>
									<div class="media-body">
										<h4 class="media-heading"><s:property value="waterUser.username" /> </h4>
										<h5>用户</h5>

									</div>
								</div>
								<hr />
								<h5><strong>权限: </strong>管理员</h5>

								<hr />
								<a href="../User/UserInfoAction" class="btn btn-info btn-sm">用户信息</a>&nbsp;
								<a href="${pageContext.request.contextPath}/logout" class="btn btn-danger btn-sm">登出</a>

							</div>
						</li>


					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- LOGO HEADER END-->
	<section class="menu-section">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="navbar-collapse collapse ">
						<ul id="menu-top" class="nav navbar-nav navbar-right">
							<li><a href="../WaterWorksInit">管网分布</a></li>
							<li><a href="../MonitorData/GetAllWaterPlant.action">运行监测</a></li>
							<li><a href="table.html">工艺过程</a></li>
							<li><a href="forms.html">厂区漫游</a></li>
							<li><a class="menu-top-active" href="#">预警处置</a></li>
							<li><a href="../SafetyMonitor/SafetyMonitorInit">安全监视</a></li>
							<li><a href="../User/UserInfoAction">系统管理</a></li>
							<!--   <li><a href="blank.html">Blank Page</a></li> -->

						</ul>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- MENU SECTION END-->
	<div class="content-wrapper">
		<div class="container">

			<%-- <s:debug></s:debug> --%>
				<div class="row" id="content">
					<div class="col-md-2" id="leftContent">
						<ul id="accordion" class="accordion">
							<li>
								<div class="link">
									<a href="../Alert/QueryAlert" class="waterPlantsLink"><i class="fa fa-code"></i>
												查看预警记录</a>
								</div>
							</li>
							<li>
								<div class="link">

									<a href="#" class="waterPlantsLink"><i
										class="fa fa-paint-brush"></i> 修改预警处置</a>
									<li>
										<li>
											<div class="link">

												<a href="#" class="waterPlantsLink"><i class="fa fa-code"></i>
												增加预警处置</a>
											</div>
										</li>

								</div>
								<div class="col-md-10" id="rightContent">

									<ol class="breadcrumb page-head-line ">
										<li><a href="../index.jsp"><i class="fa fa-dashboard"></i>
												首页 </a></li>
										<li class="active">修改预警处置</li>
									</ol>
									<div style=" padding: 20px;">
										<div class="table-responsive">
											<!-- data-show-toggle="true" data-show-columns="true" -->
											<table data-toggle="table" style="white-space: nowrap; text-align:center" class="table-striped table-bordered" id="damInfoAmendment" data-cache="false" data-search="true" data-pagination="true" data-page-size="20" data-page-list="[5,10,20,50]" data-url="../Alert/GetAlertData" data-select-item-name="toolbar1" data-show-export="true">
												<thead>
													<tr>
														<%--<th data-field="watergateCode" data-sortable="true">闸门编号</th> --%>
															<th data-field="alertId" data-sortable="true" data-align="center">预警编号</th>
															<th data-field="alertType" data-sortable="true" data-align="center">预警类型</th>
															<th data-field="alertContent" data-sortable="true" data-align="center" data-width="50%">处理内容</th>
															<th data-formatter="addEditBotton" data-events="operateEvents" data-align="center">操作</th>

													</tr>
												</thead>
											</table>
										</div>
									</div>
								</div>
					</div>
				</div>
		</div>

		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">修改报警处置信息</h4>
					</div>
					<div class="modal-body">
						<label>预警处置类型：</label>
						<input type="text" id="alertType" name="alertType" placeholder="预警处置类型" style="width: 70%; height: 30px;">
						<br>
						<label>预警处置内容：</label>
						<!-- <input type="text" id="alertContent" name="alertContent"  placeholder="预警处置内容" style="width: 70%; height: 250px;"> -->
						<textarea class="form-control" rows="20" id="alertContent"></textarea>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="sumbitAlert">提交更改</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
</body>

</html>